<!DOCTYPE HTML>
<html>

<head>
    <meta charset="utf-8">
    <title>维修记录</title>
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <link rel="stylesheet" type="text/css" href="../css/api.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui.css" />
    <link rel="stylesheet" type="text/css" href="../css/aui-pull-refresh.css" />
    <link rel="stylesheet" type="text/css" href="../css/iconfont.css" />
    <link rel="stylesheet" type="text/css" href="css/form.css" />
    <link rel="stylesheet" type="text/css" href="css/comm.css" />
    <link rel="stylesheet" type="text/css" href="css/plantasklist.css" />
    <link rel="stylesheet" type="text/css" href="css/plandevicetaskdetail.css" />
    <link rel="stylesheet" type="text/css" href="css/qualitycontrol.css" />
    <link rel="stylesheet" type="text/css" href="css/form.css" />
    <link rel="stylesheet" type="text/css" href="css/editStyle.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.picker.min.css" />
    <link rel="stylesheet" type="text/css" href="../script/mui/mui.reset.css" />
    <style>
        .mb10 {
            margin-bottom: 10px !important;
        }

        .new-formcontent {
            width: 100%;
            padding: 0;
        }
        .imglist_box {
            overflow: hidden;
        }
        select.choose {
            width: auto !important;
            float: right;
            text-align: right !important;
        }
        .choose_box{
            min-height: 350px;
        }
        .aui_formtitle{
            min-width: 6rem;
        }
    </style>
</head>

<body>
    <div id="app" v-cloak>
        <div class="boxarea edit " style="margin-bottom: 4.5rem; overflow: hidden;padding-top: 5px;">
            <div class="">
                <div class="aui_formitem" style="display: block;">
                    <div class="formitem_line">
                        <div  class="aui_formtitle ">维修单位</div>
                        <div class="aui_formcontent">
                            <input  v-model="newform.ServiceCompany" placeholder="请填写" type="text">
                        </div>
                    </div>
                </div>
                <div class="aui_formitem" style="display: block;">
                    <div class="formitem_line">
                        <div  class="aui_formtitle ">维修人</div>
                        <div class="aui_formcontent">
                            <input  v-model="newform.ServiceMan" placeholder="请填写"  type="text">
                        </div>
                    </div>
                </div>
                <div class="aui_formitem" style="display: block;">
                    <div class="formitem_line">
                        <div  class="aui_formtitle ">维修工时（小时）</div>
                        <div class="aui_formcontent">
                            <input  v-model="newform.ServiceTime" placeholder="请填写"  type="number">
                        </div>
                    </div>
                </div>
                <div class="aui_formitem" style="display: block;">
                    <div class="formitem_line">
                        <div  class="aui_formtitle ">维修费用</div>
                        <div class="aui_formcontent">
                            <input  v-model="newform.ServiceMoney" placeholder="请填写" type="number">
                        </div>
                    </div>
                </div>
                <div class="aui_formitem" style="display: block;">
                    <div class="formitem_line">
                        <div  class="aui_formtitle ">停机时长（小时）</div>
                        <div class="aui_formcontent">
                            <input  v-model="newform.StopTime" placeholder="请填写" type="number">
                        </div>
                    </div>
                </div>
                <div class="aui_formitem width6">
                    <div class="aui_formtitle">维修时间</div>
                    <div class="aui_formcontent">
                        <span class="choose new-span-input" id="choosedatetime" data-options='{"type":"datetime"}' v-bind:class="{'textColorPlaceholder':newform.HandleTime==''}">{{newform.HandleTime==''?'请选择':newform.HandleTime}}</span>
                        <i class="icon iconfont icon-xiangyoujiantou"></i>
                        <!-- <input style="color: #344356;" v-on:click="do_select_time()" v-model="newform.HandleTime" readonly="readonly" type="text"> -->
                    </div>
                </div>
                <div class="aui_formitem border-bottom0">
                    <div class="aui_formitem block border-bottom0 new-formcontent ">
                        <div class="aui_formtitle">维修情况<img class="col-star" src="../image/redstar.png"></div>
                        <div class="aui_formcontent" style="padding-left: 0px;">
                            <textarea placeholder="请尽量填写详细的问题描述，方便我们的维修人员快速确认问题，谢谢合作！" v-model="newform.HandleContent" style="height: 4rem;"></textarea>
                        </div>
                    </div>

                </div>
                <div class="imglist_box" style="padding-top: 30px;">
                    <div class="imglist_item" v-for="(item,index) in imglist">
                        <img v-on:click="do_viewimages(index)" class="imgitem ml4" v-bind:src="item.url" />
                        <img v-on:click="remove_img(index,item)" class="onmouse_close" src="../image/close_mouseover.svg" />
                    </div>
                    
                    <div v-if="imglist.length<maxuploadcount" class="imglist_item ml4">
                        <div class="img_plusbox">
                            <img v-on:click="choose_picture()" src="../image/photo_image.svg" />
                        </div>
                        最多支持{{maxuploadcount}}张
                    </div>
                </div>

            </div>
        </div>

        <div class="aui_bottom">
            <div class="aui_bottombtn" v-on:click="do_save()">提交</div>
        </div>
    </div>
</body>
<script type="text/javascript " src="../script/api.js "></script>
<script type="text/javascript " src="../script/vue.js "></script>
<script type="text/javascript" src="../script/config.js"></script>
<script type="text/javascript" src="../script/common.js"></script>
<script type="text/javascript" src="../script/mui/mui.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.picker.min.js"></script>
<script type="text/javascript" src="../script/mui/mui.poppicker.js"></script>
<script type="text/javascript" src="../script/aui-toast.js"></script>
<script type="text/javascript" src="../script/aui-tab.js"></script>
<script type="text/javascript" src="../script/aui-pull-refresh.js"></script>
<script type="text/javascript" src="../script/aui-scroll.js"></script>
<script type="text/javascript" src="../script/aui-popup.js"></script>
<script type="text/javascript " src="../script/moment/moment.js"></script>
<script type="text/javascript " src="js/repairrecord.js"></script>

</html>
